<template>
    <el-container>
        <el-header><Header /></el-header>
        <el-container>
            <el-aside width="300px"><Left /></el-aside>
            <el-main><Center /></el-main>
            <el-aside width="300px"><Right /></el-aside>
        </el-container>
    </el-container>
</template>

<script lang="ts" setup>
import Header from './header/index.vue';
import Left from './left/index.vue';
import Center from './center/index.vue';
import Right from './right/index.vue';

defineOptions({
    name: "index",
})
</script>

<style scoped lang="scss">
.el-header {
    height: 48px;
    margin-bottom: 2px;
    background-color: #fff;
}
:deep(.el-tabs__nav) {
    width: 100%;
    justify-content: space-around;
}
</style>